<?php 

if(isset($_GET['bairros_cidade'])){
    $bairro = $_GET['bairros_cidade'];
}else{
    $bairro = "";
}
?>

<div class="row2" >
    <div class="">
        <h1>
            <small>
                <i class="fi-list-bullet" style="font-size: 35px; padding-right: 10px; margin-left: 5px;"></i><span style="vertical-align: 6px;">Consulta de Bairros</span>  
            </small>
        </h1>
    </div>   


<br />
<br />
<form name="formularioBairros" id="formularioBairros" method="get" action="" >
    <div class="row2" style="margin-left: 0px" >
    <div style="float: left; vertical-align: middle">    
                <label>
                    <select name="bairros_uf" id="bairros_uf" class="ajax-uf" style="width: 200px">
                        <option value="">--Selecione o Estado--</option>
                        <?php
                        $objPessoa = new Pessoas_Model();
                        $ufs = $objPessoa->getUf();
                        foreach ($ufs as $uf) {
                            ?>
                            <option 
                            <?php
                            if (isset($bairros_id)) {
                                if ($uf->uf_id == $bairro) {
                                    echo "selected=selected";
                                }
                            }
                            ?>
                                value="<?php echo $uf->uf_id ?>"><?php echo $uf->uf_descricao ?></option>                            
                        <?php } ?>
                    </select>
                </label>       
    </div>
    <div style="float: left; margin-left: 10px; vertical-align: middle">    
                <label>
                    <select name="bairros_cidade" id="bairros_cidade" disabled="disabled" class="recebe-cidade" style="width: 400px">
                        <option value=""></option>
                    </select>
                </label>                
    </div>   
    <div style="float: left; vertical-align: middle">
        
        <a class="medium" style="color: #000; font-size: 35px; padding-right: 10px; margin-left: 10px;" target="_blank" title="Filtrar" onclick="submitForm()">
                                        <i class="fi-magnifying-glass big"></i>
                                    </a>
        
    </div>   
</div>
</form>
<br />
<br />
<br />
<br />    
    
    
    
<table width="100%"  class="table table-bordered table-hover" border="1px" cellspacing="0" cellpadding="0">

    <thead>
        <tr>
            <td width="80%" bgcolor="#f0f0f0"><center>Bairro</center></td>
            <td width="8%" bgcolor="#f0f0f0"><center>Ação</center></td>
</tr>
</thead>

<?php
$contador = 0;
foreach ($bairros as $bairro) {
    $contador++
    
    ?>
    <tr>
        <td><?php echo $bairro->bairros_descricao ?></td>
       
        <td style="vertical-align: middle">
    <center>
        <a class="medium" style="color: #000; font-size: 25px;" title="Editar" href="<?php echo base_url('index.php/bairros?bairros_id=' . $bairro->bairros_id) ?>"><i class="fi-page-edit"></i></a>
    </center>
    </td>
    </tr>  
<?php } ?>

    
    <tr style="font-weight:bold;" >
        <td bgcolor="#f0f0f0" colspan="5">
            Quantidade de Grupos: <?php echo $contador;?>
        </td>
        </tr>
    
</table>
</div>


<script>
    
     $(".ajax-uf").change(function () {
       
       seleciona_cidade($(this).val());

    });


    function seleciona_cidade(estado_id) {

        var estado_id = estado_id;
        $(".recebe-cidade").html("<option value=''>Aguarde...</option>");
        $.ajax({
            url: '<?php echo base_url('index.php/cidades/buscaCidades') ?>',
            type: 'POST',
            data: {estado_id: estado_id},
            dataType: 'json',
            success: function (cidadesJson) {
                var txt_cidades = "<option value=''>--Selecione a cidade--</option>";
                $.each(cidadesJson, function (index, cidade) {
                    txt_cidades += "<option value='" + cidade.cidades_id + "'>" + cidade.cidades_descricao + "</option>";
                });
                $(".recebe-cidade").html(txt_cidades);
                $(".recebe-cidade").removeAttr("disabled");

                <?php
                    if (isset($_GET['bairros_id'])) {
                ?>

                    var val = '<?php echo $bairros->cidades_descricao ?>';
                    $('#bairros_cidade option:contains(' + val + ')').prop({selected: true});
                <?php
                    }
                ?>
            }
        });

    }
    
    function submitForm(){
       document.getElementById("formularioBairros").submit();
   }
</script>